/* pages/home/index.wxss */


.homeBox {
  width: 100%;
  overflow: hidden;

  .nav-bar {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;

    .menu-bar {
      width: 100%;
      padding: 0 24rpx;
      box-sizing: border-box;
      position: relative;

      .menu-bar-title {
        width: 100%;
        display: block;
        text-align: center;
        font-family: SFProDisplay, SFProDisplay;
        font-weight: 500;
        font-size: 34rpx;
        color: #000000;
      }

    }
  }

  .homeBoxTop {
    width: 100%;
    height: 400rpx;
    background: linear-gradient(to bottom, #8EFC8C, #FFFFFF);
    .swiper-box {
      width: 100%;
      padding: 20rpx 32rpx;
      border-radius: 8rpx;
      overflow: hidden;
      box-sizing: border-box;
      position: absolute;
      left: 0;

      .item-img {
        width: 100%;
        height: 280rpx;
        overflow: hidden;
        border-radius: 8rpx;
        box-sizing: border-box;
      }

      .swiper-active {
        width: 100%;
        margin-top: 24rpx;
        display: flex;
        justify-content: center;

        text {
          width: 20rpx;
          height: 6rpx;
          background-color: #181818;
          opacity: 0.2;
          margin: 0 7rpx;
        }

        text.active {
          opacity: 1;
          background-color: #222222;
        }
      }
    }
  }
  .homeList{
    width: 100%;
    margin-top: 150rpx;
    padding: 0 32rpx;
    box-sizing: border-box;
    .homeListHeader{
      display: flex;
      justify-content: first baseline;
      margin-bottom: 32rpx;
      .active{
      color: #222222;
      }
      text{
        width: 100rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 36rpx;
        color: #989FAC;
        line-height: 50rpx;
        text-align: left;
        font-style: normal;
      }
    }
    .homeListBoxItem{
      display: flex;
      margin-bottom: 58rpx;
      .homeListBoxItem_l{
        width: 252rpx;
        border-radius: 8rpx;
        overflow: hidden;
      }
      .homeListBoxItem_r{
        flex: 1;
        margin-left: 24rpx;
        >text{
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 28rpx;
          color: #222222;
          line-height: 40rpx;
          height: 80rpx;
        }
        .homeListBoxItem_r_b{
          width: 100%;
          margin-top: 28rpx;
          display: flex;
          justify-content: space-between;
          text{
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 24rpx;
            color: #989FAC;
            line-height: 34rpx;
          }
        }
      }
    }
  }



}